.bg-move {-webkit-animation: bgMove 1.5s linear infinite; animation: bgMove 1.5s linear infinite;}
.road-move {-webkit-animation: roadMove 1s ease-in infinite; animation: roadMove 1s ease-in infinite;}
.road-add {-webkit-animation: addMove 1.5s ease-in infinite; animation: addMove 1.5s ease-in infinite;}
.left-move {-webkit-animation: leftMove ease-in forwards; animation: leftMove ease-in forwards; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
.right-move {-webkit-animation: rightMove ease-in forwards; animation: rightMove ease-in forwards; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
.middle-move {-webkit-animation: middleMove ease-in forwards; animation: middleMove ease-in forwards; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
.mask-move {-webkit-animation: maskMove 5s linear forwards; animation: maskMove 5s linear forwards;}
.road-side-move {-webkit-animation: roadSideMove 1s linear infinite; animation: roadSideMove 1s linear infinite;}
.pause {-webkit-animation-play-state: paused; animation-play-state: paused;}
.move-on {-webkit-animation: moveOn 5s linear forwards; animation: moveOn 5s linear forwards;}
.move-fast {-webkit-animation-duration: 1s; animation-duration: 1s;}

@-webkit-keyframes moveOn {
    from {
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
    }

    to {
        -webkit-transform:translate(0,-30%);
        transform:translate(0,-30%);
    }
}

@keyframes moveOn {
    from {
        -webkit-transform:translate(0,0);
        transform:translate(0,0);
    }

    to {
        -webkit-transform:translate(0,-30%);
        transform:translate(0,-30%);
    }
}

@-webkit-keyframes maskMove {
    from {
    	-webkit-transform:translate(-100%);
        transform:translate(-100%);
    }

    to {
    	-webkit-transform:translate(0);
        transform:translate(0);
    }
}

@keyframes maskMove {
    from {
    	-webkit-transform:translate(-100%);
        transform:translate(-100%);
    }

    to {
    	-webkit-transform:translate(0);
        transform:translate(0);
    }
}

@-webkit-keyframes middleMove {
    from {
        transform: scale(.3);
        top: -15%;
        left: 45%;
    }

    to {
        transform: scale(2);
        top: 120%;
        left: 45%;
    }
}

@keyframes middleMove {
    from {
        transform: scale(.3);
        top: -15%;
        left: 45%;
    }

    to {
        transform: scale(2);
        top: 120%;
        left: 45%;
    }
}

@-webkit-keyframes leftMove {
    from {
        transform: scale(.3);
        top: -15%;
        left: 44%;
    }

    to {
        transform: scale(2);
        top: 120%;
        left: 25%;
    }
}

@keyframes leftMove {
    from {
        transform: scale(.3);
        top: -15%;
        left: 44%;
    }

    to {
        transform: scale(2);
        top: 120%;
        left: 25%;
    }
}

@-webkit-keyframes rightMove {
    from {
        transform: scale(.3);
        top: -15%;
        left: 48%;
    }

    to {
        transform: scale(2);
        top: 120%;
        left: 66%;
    }
}

@keyframes rightMove {
    from {
        transform: scale(.3);
        top: -15%;
        left: 48%;
    }

    to {
        transform: scale(2);
        top: 120%;
        left: 66%;
    }
}


@-webkit-keyframes addMove {
    from {
    	-webkit-transform: scale(0) translate(0,-10vh);
        transform: scale(0) translate(0,-10vh);
    }

    to {
    	-webkit-transform: scale(1.2) translate(0,100vh);
        transform: scale(1.2) translate(0,100vh);
    }
}

@keyframes addMove {
    from {
    	-webkit-transform: scale(0) translate(0,-10vh);
        transform: scale(0) translate(0,-10vh);
    }

    to {
    	-webkit-transform: scale(1.2) translate(0,100vh);
        transform: scale(1.2) translate(0,100vh);
    }
}

@-webkit-keyframes bgMove {
    from {
    	-webkit-transform:translate(0,-100%);
        transform:translate(0,-100%);
    }

    to {
    	-webkit-transform:translate(0,0);
        transform:translate(0,0);
    }
}

@keyframes bgMove {
    from {
    	-webkit-transform:translate(0,-100%);
        transform:translate(0,-100%);
    }

    to {
    	-webkit-transform:translate(0,0);
        transform:translate(0,0);
    }
}

@-webkit-keyframes roadMove {
    from {
    	-webkit-transform:scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
    }

    to {
    	-webkit-transform: scale(.8) translate(0,70vh);
        transform: scale(.8) translate(0,70vh);
    }
}

@keyframes roadMove {
    from {
    	-webkit-transform:scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
    }

    to {
    	-webkit-transform: scale(.8) translate(0,70vh);
        transform: scale(.8) translate(0,70vh);
    }
}

@-webkit-keyframes roadSideMove {
    from {
        -webkit-transform:scale(.6) translate(0,0);
        transform: scale(.6) translate(0,0);
    }

    to {
        -webkit-transform: scale(1) translate(0,70vh);
        transform: scale(1) translate(0,70vh);
    }
}

@keyframes roadSideMove {
    from {
        -webkit-transform:scale(.6) translate(0,0);
        transform: scale(.6) translate(0,0);
    }

    to {
        -webkit-transform: scale(1) translate(0,70vh);
        transform: scale(1) translate(0,70vh);
    }
}